<template>
  <wxlogin style="display:flex;justify-content: center;height: 350px" :appid="appid" :state="state" :scope="scope" href="data:text/css;base64,LmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30NCi5zdGF0dXNfaWNvbiB7ZGlzcGxheTogbm9uZX0NCi5pbXBvd2VyQm94IC5zdGF0dXMge3RleHQtYWxpZ246IGNlbnRlcjt9IA==" :redirect_uri="redirect_uri"></wxlogin>
</template>

<script>
import wxlogin from 'vue-wxlogin';

export default {
  name: "index",
  components:{
    wxlogin
  },
  props:{
    // 应用唯一标识，在微信开放平台提交应用审核通过后获得
    appid : String,
    // 应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi_login即可
    scope : {
      type: String,
      default: 'snsapi_login'
    },
    // 重定向地址，需要进行UrlEncode
    redirect_uri : String,
    // 用于保持请求和回调的状态，授权请求后原样带回给第三方。该参数可用于防止csrf攻击（跨站请求伪造攻击），建议第三方带上该参数，可设置为简单的随机数加session进行校验
    state : {
      type : String,
      default: ()=>`${Math.floor(Math.random() * 1000000)}`
    },
    // 提供"black"、"white"可选，默认为黑色文字描述。详见文档底部FAQ
    theme : {
      type : String,
      default: 'black'
    },
    // 自定义样式链接，第三方可根据实际需求覆盖默认样式。详见文档底部FAQ
    href : {
      type : String,
      default: ''
    },
    // true：手机点击确认登录后可以在 iframe 内跳转到 redirect_uri，false：手机点击确认登录后可以在 top window 跳转到 redirect_uri。默认为 false。
    self_redirect : {
      type : Boolean,
      default: false
    },
    // sdk的扩展字符串，但是在这里就默认了jssdk，暂时不建议修改
    login_type : {
      type : String,
      default: 'jssdk'
    },
  },
}
</script>

<style scoped lang="less">
.impowerBox {
  //.qrcode{
  //  width: 200px;
  //}
  .title {display: none;}
  //.info {width: 200px;}
  .status {text-align: center;}
}
.status_icon {display: none}
</style>
